<template>
	<div class="searchbox">
		<input class="searchinput" type="text">
		<button class="searchbutton">
			🔍
		</button>
	</div>
</template>

<script>
import { log } from 'three';
// import 'bootstrap/dist/css/bootstrap.css'
// import 'bootstrap-vue/dist/bootstrap-vue.css'
export default {
	name: 'FrontendVue2Search',

	data() {
		return {
			input: "", //搜索的内容

		};
		
	},
	watch: {
    keyword: {
     
		},

	mounted() {
		
	},



	created() {
    this.filtertabList = this.tabList;
  },
	methods:{ 
	searchButton() {
				this.keyword=''
			},
		}
	}
}
</script>

<style lang="less" scoped>
.searchbox{
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	.searchinput{
		width: 600px;
		height: 50px;
		padding: 20px;
		font-size: 20px;
		border-radius: 10px;
    border: 1px solid #8b8b8b;
		margin-right: 20px;
	}
	.searchinput:focus{
		outline:none;
    border: 2px solid #409eff;
	}
	.searchbutton{
		width: 150px;
    //height: 50px;
		border-radius: 10px;
    border: 1px solid #8b8b8b;
		font-size: 25PX;
	}
}
</style>